import React from 'react';
import { Avatar, Badge } from 'choerodon-ui';
import { Size } from 'choerodon-ui/lib/_util/enum';

const AvatarBasic = () => {
  return (
    <div>
      <Avatar size={64} icon="person" />
      <Avatar size={Size.large} icon="person" />
      <Avatar icon="person" />
      <Avatar shape="square" size={Size.large} icon="person" />
      <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>
      <Avatar style={{ backgroundColor: '#87d068' }} icon="user" />
      <span style={{ marginRight: 24 }}>
        <Badge count={1}>
          <Avatar shape="square" icon="person" />
        </Badge>
      </span>
    </div>
  );
};

export default AvatarBasic;